<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Etro Store - Premium Multipurpose HTML5/CSS3 Theme</title>
    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- FAVICONS -->
    <link rel="shortcut icon" th:href="@{/icons/favicon.png}"/>
    <!-- GOOGLE WEB FONTS -->
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
    <!-- BOOTSTRAP 3.3.7 CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"/>
    <!-- SLICK v1.6.0 CSS -->
    <link rel="stylesheet" th:href="@{/css/slick-1.6.0/slick.css}"/>

    <link rel="stylesheet" th:href="@{/css/jquery.fancybox.css}"/>
    <link rel="stylesheet" th:href="@{/css/yith-woocommerce-compare/colorbox.css}"/>
    <link rel="stylesheet" th:href="@{/css/owl-carousel/owl.carousel.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/owl-carousel/owl.theme.default.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/js_composer/js_composer.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/woocommerce/woocommerce.css}"/>
    <link rel="stylesheet" th:href="@{/css/yith-woocommerce-wishlist/style.css}"/>
    <link rel="stylesheet" th:href="@{/css/custom.css}"/>
    <link rel="stylesheet" th:href="@{/css/app-orange.css}" id="theme_color"/>
    <link rel="stylesheet" href="" id="rtl"/>
    <link rel="stylesheet" th:href="@{/css/app-responsive.css}"/>
</head>

<body class="page home-style1">
<div class="body-wrapper theme-clearfix">

    <header id="header" class="header header-style1">
        <div class="widget pull-left" style="margin-left: 300px">
            <div class="widget-inner">
                <div id="lang_sel">
                    <ul class="nav">
                        <li>
                            <a class="lang_sel_sel">
                                <img class="iclflag" title="English" alt="en" th:src="@{images/icons/en.png}" width="18"
                                     height="12"/> English
                            </a>
                            <ul>
                                <li>
                                    <a th:href="@{/index.html(l='en_US')}">
                                        <img class="iclflag" title="English" alt="en" th:src="@{images/icons/en.png}"
                                             width="18" height="12"/> English
                                    </a>
                                </li>

                                <li>
                                    <a th:href="@{/index.html(l='zh_CN')}">
                                        <img class="iclflag" title="中文" alt="ar" th:src="@{images/icons/ar.png}"
                                             width="18" height="12"/> 中文
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div th:replace="commons/bar::#top"></div>

        <div th:replace="commons/bar::#mid"></div>

        <div th:replace="commons/bar::#bottom(url='home')"></div>
    </header>

    <div class="listings-title">
        <div class="container">
            <div class="wrap-title">
                <h1 th:text="#{home}">Home</h1>

                <div class="bread">
                    <div class="breadcrumbs theme-clearfix">
                        <div class="container">
                            <ul class="breadcrumb">
                                <li>
                                    <a href="index.html" th:text="#{home}">Home</a>
                                    <span class="go-page"></span>
                                </li>

                                <li class="active">
                                    <span th:text="#{home}">Home</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div id="contents" role="main" class="main-page  col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="post-6 page type-page status-publish hentry">
                    <div class="entry-content">
                        <div class="entry-summary">
                            <div data-vc-full-width="true" data-vc-full-width-init="false"
                                 data-vc-stretch-content="true"
                                 class="vc_row vc_row-fluid bg-wrap homepage1_custom vc_row-no-padding">
                                <div class="container float vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div class="vc_row vc_inner vc_row-fluid ">
                                                <div class="wrap-vertical vc_column_container vc_col-sm-2">
                                                    <div class="vc_column-inner ">
                                                        <div class="wpb_wrapper">
                                                            <div class="vc_wp_custommenu wpb_content_element wrap-title">
                                                                <div class="mega-left-title">
                                                                    <strong th:text="#{Categories}">Categories</strong>
                                                                </div>

                                                                <div class="wrapper_vertical_menu vertical_megamenu">
                                                                    <div class="resmenu-container">
                                                                        <button class="navbar-toggle" type="button"
                                                                                data-toggle="collapse"
                                                                                data-target="#ResMenuvertical_menu">
                                                                            <span class="sr-only"
                                                                                  th:text="#{Categories}">Categories</span>
                                                                            <span class="icon-bar"></span>
                                                                            <span class="icon-bar"></span>
                                                                            <span class="icon-bar"></span>
                                                                        </button>

                                                                        <div id="ResMenuvertical_menu"
                                                                             class="collapse menu-responsive-wrapper">
                                                                            <ul id="menu-vertical-menu"
                                                                                class="etrostore_resmenu">
                                                                                <li class="menu-computers-laptops">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{computer}">Computers &
                                                                                        Laptops</a>
                                                                                </li>

                                                                                <li class="fix-menu res-dropdown menu-smartphones-tablet">
                                                                                    <a class="item-link dropdown-toggle"
                                                                                       href="" th:text="#{smartphone}">Smartphones
                                                                                        & Tablet</a>
                                                                                    <span class="show-dropdown"></span>

                                                                                    <ul class="dropdown-resmenu">
                                                                                        <li class="res-dropdown menu-electronics">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#"
                                                                                               th:text="#{electronics}">[[#{electronics}]]</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-laptop-desktop-accessories">
                                                                                                    <a href="#">Laptop &
                                                                                                        Desktop
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-storage-external-drives">
                                                                                                    <a href="#">Storage
                                                                                                        & External
                                                                                                        Drives</a></li>
                                                                                                <li class="menu-networking-wireless">
                                                                                                    <a href="#">Networking
                                                                                                        & Wireless</a>
                                                                                                </li>
                                                                                                <li class="menu-motherboards-cpus-psus">
                                                                                                    <a href="#">Motherboards,
                                                                                                        CPUs & PSUs</a>
                                                                                                </li>
                                                                                                <li class="menu-webcams">
                                                                                                    <a href="#">Webcams</a>
                                                                                                </li>
                                                                                            </ul>
                                                                                        </li>

                                                                                        <li class="res-dropdown menu-smartphone">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Smartphone</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-mobile-phones">
                                                                                                    <a href="#">Mobile
                                                                                                        Phones</a></li>
                                                                                                <li class="menu-smart-watches-accessories">
                                                                                                    <a href="#">Smart
                                                                                                        Watches &
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-mobile-accessories">
                                                                                                    <a href="#">Mobile
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-cases-covers">
                                                                                                    <a href="#">Cases &
                                                                                                        Covers</a></li>
                                                                                                <li class="menu-power-banks">
                                                                                                    <a href="#">Power
                                                                                                        Banks</a></li>
                                                                                            </ul>
                                                                                        </li>

                                                                                        <li class="res-dropdown menu-tablets">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Tablets</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-tablet-accessories">
                                                                                                    <a href="#">Tablet
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-cases-covers">
                                                                                                    <a href="#">Cases &
                                                                                                        Covers</a></li>
                                                                                                <li class="menu-power-banks">
                                                                                                    <a href="#">Power
                                                                                                        Banks</a></li>
                                                                                                <li class="menu-memory-cards">
                                                                                                    <a href="#">Memory
                                                                                                        Cards</a></li>
                                                                                            </ul>
                                                                                        </li>

                                                                                        <li class="res-dropdown menu-computer">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Computer</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-macbooks-imacs">
                                                                                                    <a href="#">Macbooks
                                                                                                        & iMacs</a></li>
                                                                                                <li class="menu-computers-desktops">
                                                                                                    <a href="#">Computers
                                                                                                        & Desktops</a>
                                                                                                </li>
                                                                                                <li class="menu-printers-scanners-faxs">
                                                                                                    <a href="#">Printers,
                                                                                                        Scanners, &
                                                                                                        Faxs</a></li>
                                                                                                <li class="menu-laptop-desktop-accessories">
                                                                                                    <a href="#">Laptop &
                                                                                                        Desktop
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-storage-external-drives">
                                                                                                    <a href="#">Storage
                                                                                                        & External
                                                                                                        Drives</a></li>
                                                                                            </ul>
                                                                                        </li>

                                                                                        <li class="fix-position res-dropdown menu-image">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Image</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-image-1">
                                                                                                    <a href="#">Image
                                                                                                        1</a></li>
                                                                                                <li class="menu-image-2">
                                                                                                    <a href="#">Image
                                                                                                        2</a></li>
                                                                                                <li class="menu-image-3">
                                                                                                    <a href="#">Image
                                                                                                        3</a></li>
                                                                                            </ul>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="menu-cameras-camcorders">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{camera}">Cameras &
                                                                                        Camcorders</a>
                                                                                </li>

                                                                                <li class="res-dropdown menu-electronic-component">
                                                                                    <a class="item-link dropdown-toggle"
                                                                                       href="" th:text="#{electronic}">Electronic
                                                                                        Component</a>
                                                                                    <span class="show-dropdown"></span>

                                                                                    <ul class="dropdown-resmenu">
                                                                                        <li class="res-dropdown menu-electronics">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Electronics</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-leds"><a
                                                                                                        href="#">Leds</a>
                                                                                                </li>
                                                                                                <li class="menu-laptop-desktop-accessories">
                                                                                                    <a href="#">Laptop &
                                                                                                        Desktop
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-storage-external-drives">
                                                                                                    <a href="#">Storage
                                                                                                        & External
                                                                                                        Drives</a></li>
                                                                                                <li class="menu-networking-wireless">
                                                                                                    <a href="#">Networking
                                                                                                        & Wireless</a>
                                                                                                </li>
                                                                                                <li class="menu-motherboards-cpus-psus">
                                                                                                    <a href="#">Motherboards,
                                                                                                        CPUs & PSUs</a>
                                                                                                </li>
                                                                                                <li class="menu-webcams">
                                                                                                    <a href="#">Webcams</a>
                                                                                                </li>
                                                                                                <li class="menu-gaming-mice">
                                                                                                    <a href="#">Gaming
                                                                                                        Mice</a></li>
                                                                                            </ul>
                                                                                        </li>

                                                                                        <li class="res-dropdown menu-smartphone">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Smartphone</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-smartphones">
                                                                                                    <a href="#">Smartphones</a>
                                                                                                </li>
                                                                                                <li class="menu-mobile-phones">
                                                                                                    <a href="#">Mobile
                                                                                                        Phones</a></li>
                                                                                                <li class="menu-smart-watches-accessories">
                                                                                                    <a href="#">Smart
                                                                                                        Watches &
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-mobile-accessories">
                                                                                                    <a href="#">Mobile
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-cases-covers">
                                                                                                    <a href="#">Cases &
                                                                                                        Covers</a></li>
                                                                                                <li class="menu-power-banks">
                                                                                                    <a href="#">Power
                                                                                                        Banks</a></li>
                                                                                                <li class="menu-memory-cards">
                                                                                                    <a href="#">Memory
                                                                                                        Cards</a></li>
                                                                                            </ul>
                                                                                        </li>

                                                                                        <li class="res-dropdown menu-tablet">
                                                                                            <a class="item-link dropdown-toggle"
                                                                                               href="#">Tablet</a>
                                                                                            <span class="show-dropdown"></span>

                                                                                            <ul class="dropdown-resmenu">
                                                                                                <li class="menu-tablets">
                                                                                                    <a href="#">Tablets</a>
                                                                                                </li>
                                                                                                <li class="menu-tablet-accessories">
                                                                                                    <a href="#">Tablet
                                                                                                        Accessories</a>
                                                                                                </li>
                                                                                                <li class="menu-cases-covers">
                                                                                                    <a href="#">Cases &
                                                                                                        Covers</a></li>
                                                                                                <li class="menu-power-banks">
                                                                                                    <a href="#">Power
                                                                                                        Banks</a></li>
                                                                                                <li class="menu-memory-cards">
                                                                                                    <a href="#">Memory
                                                                                                        Cards</a></li>
                                                                                                <li class="menu-headphonesheadsets">
                                                                                                    <a href="#">Headphones/Headsets</a>
                                                                                                </li>
                                                                                            </ul>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="menu-home-appliances">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{homea}">Home
                                                                                        Appliances</a>
                                                                                </li>

                                                                                <li class="menu-home-furniture">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{homef}">Home
                                                                                        Furniture</a>
                                                                                </li>

                                                                                <li class="menu-household-goods">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{household}">Household
                                                                                        Goods</a>
                                                                                </li>

                                                                                <li class="menu-television">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{tv}"></a>
                                                                                </li>

                                                                                <li class="menu-accessories-for-tablet">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{Accessories}">Accessories
                                                                                        for Tablet</a>
                                                                                </li>

                                                                                <li class="menu-laptops-accessories">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{laptopsaccessories}">Laptops
                                                                                        & Accessories</a>
                                                                                </li>

                                                                                <li class="menu-blender">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{blender}">Blender</a>
                                                                                </li>

                                                                                <li class="menu-vacuum-cleaner">
                                                                                    <a class="item-link" href=""
                                                                                       th:text="#{vacuumcleaner}">Vacuum
                                                                                        Cleaner</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>

                                                                    <!--分类  侧边栏-->
                                                                    <ul id="menu-vertical-menu-1"
                                                                        class="nav vertical-megamenu etrostore-mega etrostore-menures">
                                                                        <li class="menu-computers-laptops etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#7ac143"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{computer}">Computers & Laptops</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="fix-menu dropdown menu-smartphones-tablet etrostore-mega-menu level1">
                                                                            <a href=""
                                                                               class="item-link dropdown-toggle">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#efc73a"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{smartphone}">Smartphones & Tablet</span>
																					</span>
                                                                            </a>

                                                                            <ul class="dropdown-menu nav-level1 column-3">
                                                                                <li class="dropdown-submenu column-3 menu-electronics">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-title"
                                                                                                      th:text="#{electronics}">Electronics</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-laptop-desktop-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{laptopsaccessories}">Laptop & Desktop Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-storage-external-drives">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{storageexternaldrives}">Storage & External Drives</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-networking-wireless">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{networking}">Networking & Wireless</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-motherboards-cpus-psus">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{motherboards}">Motherboards, CPUs & PSUs</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-webcams">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{webcams}">Webcams</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="dropdown-submenu column-3 menu-smartphone">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-title"
                                                                                                      th:text="#{phone}">Smartphone</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-mobile-phones">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{mobilephones}">Mobile Phones</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-smart-watches-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{smartwatch}">Smart Watches & Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-mobile-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{mobileaccessories}">Mobile Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-cases-covers">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{casescovers}">Cases & Covers</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-power-banks">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{poweranks}">Power Banks</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="dropdown-submenu column-3 menu-tablets">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-title"
                                                                                                      th:text="#{extablet}">Tablets</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-tablet-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{tabletaccessorise}">Tablet Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-cases-covers">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{casescovers}">Cases & Covers</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-power-banks">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{poweranks}">Power Banks</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-memory-cards">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{memorycard}">Memory Cards</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="dropdown-submenu column-3 menu-computer">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-title"
                                                                                                      th:text="#{com}">Computer</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-macbooks-imacs">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{macbook}">Macbooks & iMacs</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-computers-desktops">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{desktops}">Computers & Desktops</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-printers-scanners-faxs">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{printers}">Printers, Scanners, & Faxs</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-laptop-desktop-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{laptopsaccessories}">Laptop & Desktop Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-storage-external-drives">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{storageexternaldrives}">Storage & External Drives</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="fix-position dropdown-submenu column-3 menu-image">
                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-image-1 etrostore-menu-img">
                                                                                            <a href="#">
																									<span class="">
																										<span class="menu-img">
																											<img th:src="@{images/1903/menu-bn7.jpg}"
                                                                                                                 alt="Menu Image"/></span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-image-2 etrostore-menu-img">
                                                                                            <a href="#">
																									<span class="">
																										<span class="menu-img">
																											<img th:src="@{images/1903/menu-bn8.jpg}"
                                                                                                                 alt="Menu Image"/></span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-image-3 etrostore-menu-img">
                                                                                            <a href="#">
																									<span class="">
																										<span class="menu-img">
																											<img th:src="@{images/1903/menu-bn9.jpg}"
                                                                                                                 alt="Menu Image"/></span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                            </ul>
                                                                        </li>

                                                                        <li class="menu-cameras-camcorders etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#fe9901"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{camera}">Cameras & Camcorders</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="dropdown menu-electronic-component etrostore-mega-menu level1">
                                                                            <a href=""
                                                                               class="item-link dropdown-toggle">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#f03442"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{electronic}">Electronic Component</span>
																					</span>
                                                                            </a>

                                                                            <ul class="dropdown-menu nav-level1 column-3">
                                                                                <li class="dropdown-submenu column-3 menu-electronics etrostore-menu-img">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-img">
																									<img th:src="@{images/1903/menu-bn7.jpg}"
                                                                                                         alt="Menu Image"/>
																								</span>
																								
																								<span class="menu-title"
                                                                                                      th:text="#{electronics}">Electronics</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-leds">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{leds}">Leds</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-laptop-desktop-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{laptopsaccessories}">Laptop & Desktop Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-storage-external-drives">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{storageexternaldrives}">Storage & External Drives</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-networking-wireless">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{networking}">Networking & Wireless</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-motherboards-cpus-psus">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{motherboards}">Motherboards, CPUs & PSUs</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-webcams">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{webcams}">Webcams</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-gaming-mice">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{gamingmice}">Gaming Mice</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="dropdown-submenu column-3 menu-smartphone etrostore-menu-img">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-img">
																									<img th:src="@{images/1903/menu-bn8.jpg}"
                                                                                                         alt="Menu Image"/>
																								</span>
																								
																								<span class="menu-title"
                                                                                                      th:text="#{phone}">Smartphone</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-smartphones">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{phone}">Smartphones</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-mobile-phones">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{mobilephones}">Mobile Phones</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-smart-watches-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{smartwatch}">Smart Watches & Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-mobile-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{mobileaccessories}">Mobile Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-cases-covers">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{casescovers}">Cases & Covers</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-power-banks">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{poweranks}">Power Banks</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-memory-cards">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{memorycard}">Memory Cards</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>

                                                                                <li class="dropdown-submenu column-3 menu-tablet etrostore-menu-img">
                                                                                    <a href="#">
																							<span class="have-title">
																								<span class="menu-img">
																									<img th:src="@{images/1903/menu-bn9.jpg}"
                                                                                                         alt="Menu Image"/>
																								</span>
																								
																								<span class="menu-title"
                                                                                                      th:text="#{extablet}">Tablet</span>
																							</span>
                                                                                    </a>

                                                                                    <ul class="dropdown-sub nav-level2">
                                                                                        <li class="menu-tablets">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{extablet}">Tablets</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-tablet-accessories">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{tabletaccessorise}">Tablet Accessories</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-cases-covers">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{casescovers}">Cases & Covers</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-power-banks">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{poweranks}">Power Banks</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-memory-cards">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{memorycard}">Memory Cards</span>
																									</span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li class="menu-headphonesheadsets">
                                                                                            <a href="#">
																									<span class="have-title">
																										<span class="menu-title"
                                                                                                              th:text="#{headphone}">Headphones/Headsets</span>
																									</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                            </ul>
                                                                        </li>

                                                                        <li class="menu-home-appliances etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#f034ca"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{homea}">Home Appliances</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-home-furniture etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#7745bc"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{homef}">Home Furniture</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-household-goods etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#42b8d1"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{household}">Household Goods</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-television etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#3f5eca"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{tv}">Television</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-accessories-for-tablet etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#13528c"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{Accessories}">Accessories for Tablet</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-laptops-accessories etrostore-menu-custom level1">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#2f2e2e"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{laptopsaccessories}">Laptops & Accessories</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-blender etrostore-menu-custom level1"
                                                                            style="display: none;">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#e93434"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{blender}">Blender</span>
																					</span>
                                                                            </a>
                                                                        </li>

                                                                        <li class="menu-vacuum-cleaner etrostore-menu-custom level1"
                                                                            style="display: none;">
                                                                            <a href="" class="item-link">
																					<span class="have-title">
																						<span class="menu-color"
                                                                                              data-color="#f034ca"></span>
																						
																						<span class="menu-title"
                                                                                              th:text="#{vacuumcleaner}">Vacuum Cleaner</span>
																					</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="wrap-slider vc_column_container vc_col-sm-8">
                                                    <div class="vc_column-inner">
                                                        <div class="wpb_wrapper">
                                                            <!-- OWL SLIDER -->
                                                            <div class="wpb_revslider_element wpb_content_element no-margin">
                                                                <div class="vc_column-inner ">
                                                                    <div class="wpb_wrapper">
                                                                        <div class="wpb_revslider_element wpb_content_element">
                                                                            <div id="main-slider"
                                                                                 class="fullwidthbanner-container"
                                                                                 style="position:relative; width:100%; height:auto; margin-top:0px; margin-bottom:0px">
                                                                                <div class="module slideshow no-margin">
                                                                                    <div class="item">
                                                                                        <a href=""><img
                                                                                                th:src="@{images/1903/slider2.jpg}"
                                                                                                alt="slider1"
                                                                                                class="img-responsive"
                                                                                                height="559"></a>
                                                                                    </div>
                                                                                    <div class="item">
                                                                                        <a href=""><img
                                                                                                th:src="@{images/1903/01_index_v1.jpg}"
                                                                                                alt="slider2"
                                                                                                class="img-responsive"
                                                                                                height="559"></a>
                                                                                    </div>
                                                                                    <div class="item">
                                                                                        <a href=""><img
                                                                                                th:src="@{images/1903/slider3.jpg}"
                                                                                                alt="slider3"
                                                                                                class="img-responsive"
                                                                                                height="559"></a>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="loadeding"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- OWL LIGHT SLIDER -->

                                                            <div class=" wpb_content_element ">
                                                                <div class="wpb_wrapper">
                                                                    <div class="banner">
                                                                        <a href="#" class="banner1">
                                                                            <img th:src="@{images/1903/banner3.jpg}"
                                                                                 alt="banner" title="banner"/>
                                                                        </a>

                                                                        <a href="#" class="banner2">
                                                                            <img th:src="@{images/1903/banner4.jpg}"
                                                                                 alt="banner" title="banner"/>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="wrap-banner vc_column_container vc_col-sm-2">
                                                    <div class="vc_column-inner ">
                                                        <div class="wpb_wrapper">
                                                            <div class="wpb_single_image wpb_content_element vc_align_center ">
                                                                <figure class="wpb_wrapper vc_figure">
                                                                    <a href="#" target="_self"
                                                                       class="vc_single_image-wrapper vc_box_border_grey">
                                                                        <img class="vc_single_image-img"
                                                                             th:src="@{images/1903/banner1.jpg}"
                                                                             width="193" height="352" alt="banner1"
                                                                             title="banner1"/>
                                                                    </a>
                                                                </figure>
                                                            </div>

                                                            <div class="wpb_single_image wpb_content_element vc_align_center">
                                                                <figure class="wpb_wrapper vc_figure">
                                                                    <a href="#" target="_self"
                                                                       class="vc_single_image-wrapper vc_box_border_grey">
                                                                        <img class="vc_single_image-img"
                                                                             th:src="@{images/1903/banner2.jpg}"
                                                                             width="193" height="175" alt="banner2"
                                                                             title="banner2"/>
                                                                    </a>
                                                                </figure>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class=" wpb_content_element ">
                                                <div class="wpb_wrapper">
                                                    <div class="wrap-transport">
                                                        <div class="row">
                                                            <div class="item item-1 col-lg-3 col-md-3 col-sm-6">
                                                                <a href="#" class="wrap">
                                                                    <div class="icon">
                                                                        <i class="fa fa-paper-plane"></i>
                                                                    </div>

                                                                    <div class="content">
                                                                        <h3 th:text="#{moneybackguarantee}">Money Back
                                                                            Guarantee</h3>
                                                                        <p th:text="#{daymoneyback}">30 Days Money
                                                                            Back</p>
                                                                    </div>
                                                                </a>
                                                            </div>

                                                            <div class="item item-2 col-lg-3 col-md-3 col-sm-6">
                                                                <a href="#" class="wrap">
                                                                    <div class="icon">
                                                                        <i class="fa fa-map-marker"></i>
                                                                    </div>

                                                                    <div class="content">
                                                                        <h3 th:text="#{freeworldwideshipping}">Free
                                                                            Worldwide Shipping</h3>
                                                                        <p th:text="#{onorderover}">On Order Over
                                                                            $100</p>
                                                                    </div>
                                                                </a>
                                                            </div>

                                                            <div class="item item-3 col-lg-3 col-md-3 col-sm-6">
                                                                <a href="#" class="wrap">
                                                                    <div class="icon">
                                                                        <i class="fa fa-tag"></i>
                                                                    </div>

                                                                    <div class="content">
                                                                        <h3 th:text="#{memberdiscount}">Member
                                                                            Discount</h3>
                                                                        <p th:text="#{uptodiscount}">Upto 70 %
                                                                            Discount</p>
                                                                    </div>
                                                                </a>
                                                            </div>

                                                            <div class="item item-4 col-lg-3 col-md-3 col-sm-6">
                                                                <a href="#" class="wrap">
                                                                    <div class="icon">
                                                                        <i class="fa fa-life-ring"></i>
                                                                    </div>

                                                                    <div class="content">
                                                                        <h3 th:text="#{onlinesupport}">24/7 Online
                                                                            Support</h3>
                                                                        <p th:text="#{technicalsupport}">Technical
                                                                            Support 24/7</p>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row-full-width vc_clearfix"></div>

                            <div class="vc_row vc_row-fluid margin-bottom-60">
                                <div class="vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div id="_sw_countdown_01"
                                                 class="sw-woo-container-slider responsive-slider countdown-slider"
                                                 data-lg="5" data-md="4" data-sm="2" data-xs="1" data-mobile="1"
                                                 data-speed="1000" data-scroll="1" data-interval="5000"
                                                 data-autoplay="false" data-circle="false">
                                                <div class="resp-slider-container">
                                                    <div class="box-title">
                                                        <h3 th:text="#{todaydeals}">Today deals</h3>
                                                        <a href="/deals?page=1&limit=10" th:text="#{seeall}">See all</a>
                                                    </div>

                                                    <div class="banner-content">
                                                        <img width="195" height="354"
                                                             th:src="@{images/1903/image-cd.jpg}"
                                                             class="attachment-larges size-larges" alt=""
                                                             srcset="images/1903/image-cd.jpg 195w, images/1903/image-cd-165x300.jpg 165w"
                                                             sizes="(max-width: 195px) 100vw, 195px"/>
                                                    </div>

                                                    <div class="slider responsive">
                                                        <div class="item-countdown product "
                                                             th:each="deal,stat:${dealsbar}"
                                                             th:id="'product_sw_countdown_'+${stat.count}">
                                                            <div th:replace="commons/product::#dea(deal=${deal})"></div>
                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row vc_row-fluid margin-bottom-60">
                                <div class="vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div id="slider_sw_woo_slider_widget_1"
                                                 class="responsive-slider woo-slider-default sw-child-cat" data-lg="3"
                                                 data-md="3" data-sm="2" data-xs="2" data-mobile="1" data-speed="1000"
                                                 data-scroll="1" data-interval="5000" data-autoplay="false">
                                                <div class="child-top" data-color="#ff9901">
                                                    <div class="box-title pull-left">
                                                        <h3 th:text="#{electronics}">Electronics</h3>

                                                        <button class="navbar-toggle" type="button"
                                                                data-toggle="collapse"
                                                                data-target="#child_sw_woo_slider_widget_1"
                                                                aria-expanded="false">
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                        </button>
                                                    </div>

                                                    <div class="box-title-right">
                                                        <div class="childcat-content pull-left"
                                                             id="child_sw_woo_slider_widget_1">
                                                            <ul>
                                                                <li th:each="item:${Catebar1}">
                                                                    <a th:href="'/shop/'+${item.cid}"
                                                                       th:text="${item.name}">
                                                                        Laptop Dell</a></li>
                                                            </ul>
                                                        </div>

                                                        <div class="view-all">
                                                            <a href="shop_right_sidebar.html" th:text="#{seeall}">See
                                                                All<i class="fa  fa-caret-right"></i></a>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="content-slider">
                                                    <div class="childcat-slider-content">
                                                        <!-- Brand -->
                                                        <div class="child-cat-brand pull-left">
                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="87"
                                                                         th:src="@{images/1903/Brand_1.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br5.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br2.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br3.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>
                                                        </div>


                                                        <!-- slider content 物品栏-->
                                                        <div class="resp-slider-container">
                                                            <div class="slider responsive">
                                                                <div class="item product">
                                                                    <!--第一列 将缩略图模块化 传入参数为detail  传入值为对象，即一个Product对象-->
                                                                    <div class="item-wrap" th:each="c1:${Cid1}">
                                                                        <div th:replace="commons/product::#frag(detail=${c1})"></div>
                                                                    </div>
                                                                </div>

                                                                <div class="item product">
                                                                    <!--第二列-->
                                                                    <div class="item-wrap" th:each="c2:${Cid2}">
                                                                        <div th:replace="commons/product::#frag(detail=${c2})"></div>
                                                                    </div>


                                                                </div>

                                                                <div class="item product">
                                                                    <!--第三列-->
                                                                    <div class="item-wrap" th:each="c3:${Cid3}">
                                                                        <div th:replace="commons/product::#frag(detail=${c3})"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--热销栏-->
                                                    <div class="best-seller-product">
                                                        <div class="box-slider-title">
                                                            <h2 class="page-title-slider" th:text="#{bestsell}">Best
                                                                sellers</h2>
                                                        </div>

                                                        <div class="wrap-content">
                                                            <div th:each="h1,hotStat:${Hot1}">
                                                                <div th:replace="commons/product::#hot(hotp=${h1})"></div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row vc_row-fluid margin-bottom-60">
                                <div class="vc_column_container vc_col-sm-6">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div class="wpb_single_image wpb_content_element vc_align_center">
                                                <figure class="wpb_wrapper vc_figure">
                                                    <a href="#" target="_self"
                                                       class="vc_single_image-wrapper vc_box_border_grey">
                                                        <img class="vc_single_image-img"
                                                             th:src="@{images/1903/banner6-1.jpg}" width="570"
                                                             height="220" alt="banner6" title="banner6"/>
                                                    </a>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="vc_column_container vc_col-sm-6">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div class="wpb_single_image wpb_content_element vc_align_center banner-none">
                                                <figure class="wpb_wrapper vc_figure">
                                                    <a href="#" target="_self"
                                                       class="vc_single_image-wrapper vc_box_border_grey">
                                                        <img class="vc_single_image-img"
                                                             th:src="@{images/1903/banner7-1.jpg}" width="570"
                                                             height="220" alt="banner7" title="banner7"/>
                                                    </a>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row vc_row-fluid margin-bottom-60">
                                <div class="vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div id="slider_sw_woo_slider_widget_2"
                                                 class="responsive-slider woo-slider-default sw-child-cat" data-lg="3"
                                                 data-md="3" data-sm="2" data-xs="2" data-mobile="1" data-speed="1000"
                                                 data-scroll="1" data-interval="5000" data-autoplay="false">
                                                <div class="child-top" data-color="#7ac143">
                                                    <div class="box-title pull-left">
                                                        <h3 th:text="#{computer}">Computers</h3>

                                                        <button class="navbar-toggle" type="button"
                                                                data-toggle="collapse"
                                                                data-target="#child_sw_woo_slider_widget_2"
                                                                aria-expanded="false">
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                        </button>
                                                    </div>

                                                    <div class="box-title-right">
                                                        <div class="childcat-content pull-left"
                                                             id="child_sw_woo_slider_widget_2">
                                                            <ul>
                                                                <li th:each="item:${Catebar2}">
                                                                    <a th:href="'/shop/'+${item.cid}"
                                                                       th:text="${item.name}">
                                                                        Laptop Dell</a></li>

                                                            </ul>
                                                        </div>

                                                        <div class="view-all">
                                                            <a href="shop_right_sidebar.html" th:text="#{seeall}">
                                                                See All<i class="fa fa-caret-right"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="content-slider">
                                                    <div class="childcat-slider-content">
                                                        <!-- Brand -->
                                                        <div class="child-cat-brand pull-left">
                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br4.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br2.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br3.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br5.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="87"
                                                                         th:src="@{images/1903/Brand_1.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <!-- slider content 第二行物品栏-->
                                                        <div class="resp-slider-container">
                                                            <div class="slider responsive">
                                                                <div class="item product">
                                                                    <!--第一列 将缩略图模块化 传入参数为detail  传入值为对象，即一个Product对象-->
                                                                    <div class="item-wrap" th:each="c1:${Cid21}">
                                                                        <div th:replace="commons/product::#frag(detail=${c1})"></div>
                                                                    </div>
                                                                </div>

                                                                <div class="item product">
                                                                    <!--第二列-->
                                                                    <div class="item-wrap" th:each="c2:${Cid22}">
                                                                        <div th:replace="commons/product::#frag(detail=${c2})"></div>
                                                                    </div>


                                                                </div>

                                                                <div class="item product">
                                                                    <!--第三列-->
                                                                    <div class="item-wrap" th:each="c3:${Cid23}">
                                                                        <div th:replace="commons/product::#frag(detail=${c3})"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--第二行热销栏-->
                                                    <div class="best-seller-product">
                                                        <div class="box-slider-title">
                                                            <h2 class="page-title-slider" th:text="#{bestsell}">Best
                                                                sellers</h2>
                                                        </div>

                                                        <div class="wrap-content">
                                                            <div th:each="h2,hotStat:${Hot2}">
                                                                <div th:replace="commons/product::#hot(hotp=${h2})"></div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row vc_row-fluid margin-bottom-60">
                                <div class="vc_column_container vc_col-sm-6">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div class="wpb_single_image wpb_content_element vc_align_center">
                                                <figure class="wpb_wrapper vc_figure">
                                                    <a href="#" target="_self"
                                                       class="vc_single_image-wrapper vc_box_border_grey">
                                                        <img class="vc_single_image-img"
                                                             th:src="@{images/1903/banner8-1.jpg}" width="570"
                                                             height="220" alt="banner8" title="banner8"/>
                                                    </a>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="vc_column_container vc_col-sm-6">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div class="wpb_single_image wpb_content_element vc_align_center banner-none">
                                                <figure class="wpb_wrapper vc_figure">
                                                    <a href="#" target="_self"
                                                       class="vc_single_image-wrapper vc_box_border_grey">
                                                        <img class="vc_single_image-img"
                                                             th:src="@{images/1903/banner9-1.jpg}" width="570"
                                                             height="220" alt="banner9" title="banner9"/>
                                                    </a>
                                                </figure>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row vc_row-fluid margin-bottom-60">
                                <div class="vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper">
                                            <div id="slider_sw_woo_slider_widget_3"
                                                 class="responsive-slider woo-slider-default sw-child-cat" data-lg="3"
                                                 data-md="3" data-sm="2" data-xs="2" data-mobile="1" data-speed="1000"
                                                 data-scroll="1" data-interval="5000" data-autoplay="false">
                                                <div class="child-top" data-color="#356acb">
                                                    <div class="box-title pull-left">
                                                        <h3 th:text="#{appliances}">Appliances</h3>
                                                        <button class="navbar-toggle" type="button"
                                                                data-toggle="collapse"
                                                                data-target="#child_sw_woo_slider_widget_3"
                                                                aria-expanded="false">
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                        </button>
                                                    </div>

                                                    <div class="box-title-right">
                                                        <div class="childcat-content pull-left"
                                                             id="child_sw_woo_slider_widget_3">
                                                            <ul>
                                                                <li th:each="item:${Catebar3}">
                                                                    <a th:href="'/shop/'+${item.cid}"
                                                                       th:text="${item.name}">
                                                                        Laptop Dell</a></li>
                                                            </ul>
                                                        </div>

                                                        <div class="view-all">
                                                            <a href="shop_right_sidebar.html" th:text="#{seeall}">
                                                                See All<i class="fa  fa-caret-right"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="content-slider">
                                                    <div class="childcat-slider-content">
                                                        <!-- Brand -->
                                                        <div class="child-cat-brand pull-left">
                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br2.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br5.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br4.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="90"
                                                                         th:src="@{images/1903/br3.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>

                                                            <div class="item-brand">
                                                                <a href="#">
                                                                    <img width="170" height="87"
                                                                         th:src="@{images/1903/Brand_1.jpg}"
                                                                         class="attachment-170x90 size-170x90" alt=""/>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <!-- slider content 第3行物品栏-->
                                                        <div class="resp-slider-container">
                                                            <div class="slider responsive">
                                                                <div class="item product">
                                                                    <!--第一列 将缩略图模块化 传入参数为detail  传入值为对象，即一个Product对象-->
                                                                    <div class="item-wrap" th:each="c1:${Cid41}">
                                                                        <div th:replace="commons/product::#frag(detail=${c1})"></div>
                                                                    </div>
                                                                </div>

                                                                <div class="item product">
                                                                    <!--第二列-->
                                                                    <div class="item-wrap" th:each="c2:${Cid42}">
                                                                        <div th:replace="commons/product::#frag(detail=${c2})"></div>
                                                                    </div>


                                                                </div>

                                                                <div class="item product">
                                                                    <!--第三列-->
                                                                    <div class="item-wrap" th:each="c3:${Cid43}">
                                                                        <div th:replace="commons/product::#frag(detail=${c3})"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <!--第3行热销栏-->
                                                    <div class="best-seller-product">
                                                        <div class="box-slider-title">
                                                            <h2 class="page-title-slider" th:text="#{bestsell}">Best
                                                                sellers</h2>
                                                        </div>

                                                        <div class="wrap-content">
                                                            <div th:each="h1,hotStat:${Hot3}">
                                                                <div th:replace="commons/product::#hot(hotp=${h1})"></div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="vc_row vc_row-fluid">
                                <div class="vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner ">
                                        <div class="wpb_wrapper"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- DIALOGS -->
    <div th:replace="commons/bar::#login_form"></div>
    <a id="etrostore-totop" href="#"></a>

    <script type="text/javascript" th:src="@{js/jquery/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery/jquery-migrate.min.js}"></script>
    <script type="text/javascript" th:src="@{js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery/js.cookie.min.js}"></script>
    <!-- OPEN LIBS JS -->
    <script type="text/javascript" th:src="@{js/owl-carousel/owl.carousel.min.js}"></script>
    <script type="text/javascript" th:src="@{js/slick-1.6.0/slick.min.js}"></script>
    <script type="text/javascript" th:src="@{js/yith-woocommerce-compare/jquery.colorbox-min.js}"></script>
    <script type="text/javascript" th:src="@{js/isotope/isotope.js}"></script>
    <script type="text/javascript" th:src="@{js/fancybox/jquery.fancybox.pack.js}"></script>
    <script type="text/javascript" th:src="@{js/sw_woocommerce/category-ajax.js}"></script>
    <script type="text/javascript" th:src="@{js/sw_woocommerce/jquery.countdown.min.js}"></script>
    <script type="text/javascript" th:src="@{js/js_composer/js_composer_front.min.js}"></script>
    <script type="text/javascript" th:src="@{js/plugins.js}"></script>
    <script type="text/javascript" th:src="@{js/megamenu.min.js}"></script>
    <script type="text/javascript" th:src="@{js/main.min.js}"></script>


    <script type="text/javascript">
        var sticky_navigation_offset_top = $("#header .header-bottom").offset().top;
        var sticky_navigation = function () {
            var scroll_top = $(window).scrollTop();
            if (scroll_top > sticky_navigation_offset_top) {
                $("#header .header-bottom").addClass("sticky-menu");
                $("#header .header-bottom").css({"top": 0, "left": 0, "right": 0});
            } else {
                $("#header .header-bottom").removeClass("sticky-menu");
            }
        };
        sticky_navigation();
        $(window).scroll(function () {
            sticky_navigation();
        });

        function addToCart(id) {
            $.ajax({
                url: '/add?count=1&pid=' + id,
                type: 'post',
                success: function (data) {
                    alert("加入商品成功")
                },
                fail: function (data) {
                    alert("fail")
                }
            })
        }

        function addToWish(pid) {
            $.ajax({
                url: '/wish/add?&pid=' + pid,
                type: 'post',
                success: function (data) {
                    if (data == "createaccount") {
                        window.location.href = data
                    } else {
                        alert("添加成功")
                    }
                },
                fail: function (data) {
                    alert('fail')
                }
            })
        }

        $(document).ready(function () {
            $(".show-dropdown").each(function () {
                $(this).on("click", function () {
                    $(this).toggleClass("show");
                    var $element = $(this).parent().find("> ul");
                    $element.toggle(300);
                });
            });
        });
    </script>
 </body>
</html>